	<!DOCTYPE html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="css/framework/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="css/framework/reset.css">
		<link rel="stylesheet" href="css/framework/footer.css">
		<link rel="stylesheet" href="css/framework/icon.css">
		<link href="css/framework/main.css" rel="stylesheet">
	    <script src="js/ind.js"></script>
		<title>饿了么，首页</title>

		<link rel="stylesheet" type="text/css" href="css/index.css">
	</head>
	<body>
		<div class="wrapper">
			<header>
				<div class="icon-location-box">
				<div class="icon-location"></div>
			</div>
				<div class="location-text">
					 大连民族大学金石滩校区生活园区
	                <i class="fa fa-caret-down"></i>
				</div>
			</header>

	<!--search部分--->
    <!--搜索框部分，此块与search-fixed-top块宽度一致，用于当search-->

	 <div class="search">
	 	<div class="search-fixed-top" id="fixedBox">
	 	<div class="search-box">
	 		<i class="fa fa-search"></i>搜索饿了吗商家，商家名称
	 	</div>
	    </div>
	 </div>





	 <!--点餐类部分--->
	<ul class="foodtype">
		<li onclick="location.href='businessList.html'">
		<img src="img/i_1.png">
		<p>饺子馄饨</p>	
		</li>
	<li onclick="location.href='businessList.html'">
		<img src="img/i_2.png">
		<p>快餐便当</p>	
		</li>
	<li onclick="location.href='businessList.html'">
		<img src="img/i_3.png">
		<p>汉堡薯条</p>	
		</li>
		<li onclick="location.href='businessList.html'">
		<img src="img/i_4.png">
		<p>意面披萨</p>	
		</li>
		<li onclick="location.href='businessList.html'">
		<img src="img/i_5.png">
		<p>包子粥店</p>	
		</li>
		<li onclick="location.href='businessList.html'">
		<img src="img/i_6.png">
		<p>米粉面馆</p>	
		</li>
		<li onclick="location.href='businessList.html'">
		<img src="img/i_7.png">
		<p>日料寿司</p>	
		</li>
		<li onclick="location.href='businessList.html'">
		<img src="img/i_8.png">
		<p>川湘菜</p>	
		</li>
		<li onclick="location.href='businessList.html'">
		<img src="img/i_9.png">
		<p>炸鸡炸串</p>	
		</li>
		<li onclick="location.href='businessList.html'">
		<img src="img/i_10.png">
		<p>能量西餐</p>	
		</li>
	</ul>


	<div class="banner">
		<h3>品质套餐</h3>
		<p>搭配齐全吃的好</p>
		<a>立即抢购&gt;</a>
	</div>


	<div class="supermember">
		<div class="left">
			<img src="img/i_11.png">
			<h3>超级会员</h3>
			<p>&#8226;每月超值</p>
		</div>

		<div class="right">
			立即开通&gt;
		</div>
	</div>
	



	<div class="recommend">
		<div class="recommend-line"></div>
		<p>推荐商家</p>
		<div class="recommend-line"></div>
	</div>



	<ul class="recommendtype">
		<li>综合排序<i class="fa fa-caret-down"></i></li>
		<li>距离最近</li>
		<li>销量最高</li>
		<li>筛选<i class="fa fa-filter"></i></li>
	</ul>



	<ul class="business">
		<li>
			<img src="img/i_12.png">
	        <div class="business-info">
	        	<div class="business-info-h">
	        		<h3>必胜客</h3>
	        		<div class="business-info-like1">&#8226</div>
	        	</div>
	        	<div class="business-info-star">
	        	       <i class="fa fa-star"></i>
	        	       <i class="fa fa-star"></i>
	        	       <i class="fa fa-star"></i>
	        	       <i class="fa fa-star"></i>
	        	       <i class="fa fa-star"></i>
	        	       <p>4.9 月售1246单</p>
	    <div class="business-info-star-right">
	    	蜂鸟专送
	    </div>
	    </div>
	    <div  class="business-info-delivery">
	    	<p>&#165;0起送 | &#165;3配送</p>
	    	<p>3.7km|30分钟</p>
	    </div>

	    <div class="business-info-explain">
	    	<div>金州区意面披萨回头率第2名</div>
	    </div>
	    <div class="business-info-promotion">
	    	<div class="business-info-promotion-left">
	    		<div class="business-info-promotion-left-incon">新</div>
	            <p>新用户减9元</p>
	    	</div>
	<div class="business-info-promotion-right">
	            <p>2个活动</p>
	            <i class="fa fa-caret-down"></i>
	    	</div>
	    </div>
	<div class="business-info-promotion"> 
	        <div class="business-info-promotion-left">
	    		<div class="business-info-promotion-left-incon" style="background-color: yellow;">特</div>
	            <p>80减25 110减40 150减55</p>
	    	</div>
	    	</div>
	      </div>
		</li>
        <li>
			<img src="img/i_13.png">
	        <div class="business-info">
	        	<div class="business-info-h">
	        		<h3>沪上阿姨</h3>
	        		<div class="business-info-like1">&#8226</div>
	        	</div>
	        	<div class="business-info-star">
	        	       <i class="fa fa-star"></i>
	        	       <i class="fa fa-star"></i>
	        	       <i class="fa fa-star"></i>
	        	       <i class="fa fa-star"></i>
	        	       <i class="fa fa-star"></i>
	        	       <p>4.8 月售3124单</p>
	    <div class="business-info-star-right">
	    	蜂鸟专送
	    </div>
	    </div>
	    <div  class="business-info-delivery">
	    	<p>&#165;15起送 | &#165;免配送费</p>
	    	<p>498m|30分钟</p>
	    </div>

	    <div class="business-info-explain">
	    	<div>金石滩旅游度假区奶茶热销榜第一名</div>
	    </div>
	    <div class="business-info-promotion">
	    	<div class="business-info-promotion-left">
	    		<div class="business-info-promotion-left-incon">新</div>
	            <p>已领三元优惠劵</p>
	    	</div>
	<div class="business-info-promotion-right">
	            <p>2个活动</p>
	            <i class="fa fa-caret-down"></i>
	    	</div>
	    </div>
	<div class="business-info-promotion"> 
	        <div class="business-info-promotion-left">
	    		<div class="business-info-promotion-left-incon" style="background-color: yellow;">特</div>
	            <p>30减2 40减3</p>
	    	</div>
	    	</div>
	      </div>
		</li>
		<li>
			<img src="img/i_14.png">
	        <div class="business-info">
	        	<div class="business-info-h">
	        		<h3>北京果木烤鸭</h3>
	        		<div class="business-info-like1">&#8226</div>
	        	</div>
	        	<div class="business-info-star">
	        	       <i class="fa fa-star"></i>
	        	       <i class="fa fa-star"></i>
	        	       <i class="fa fa-star"></i>
	        	       <i class="fa fa-star"></i>
	        	       <i class="fa fa-star"></i>
	        	       <p>4.7 月售366单 人均24</p>
	    <div class="business-info-star-right">
	    	蜂鸟专送
	    </div>
	    </div>
	    <div  class="business-info-delivery">
	    	<p>&#165;15起送 | &#165;配送￥4.9</p>
	    	<p>5.2km|41分钟</p>
	    </div>

	    <div class="business-info-explain">
	    	<div>“不错，孩子喜欢吃” “热情掌柜” “收录3年”</div>
	    </div>
	    <div class="business-info-promotion">
	    	<div class="business-info-promotion-left">
	    		<div class="business-info-promotion-left-incon">新</div>
	            <p>新用户立减9元</p>
	    	</div>
	<div class="business-info-promotion-right">
	            <p>2个活动</p>
	            <i class="fa fa-caret-down"></i>
	    	</div>
	    </div>
	<div class="business-info-promotion"> 
	        <div class="business-info-promotion-left">
	    		<div class="business-info-promotion-left-incon" style="background-color: yellow;">特</div>
	            <p>50减9 100减11</p>
	    	</div>
	    	</div>
	      </div>
		</li>
	</ul>

<br>
<br>

<ul class="footer">
	<li onclick="location.href='index.html'">
		<i class="fa fa-home"></i>
		<!-- <img src="img/d_1.png"> -->
		<p>首页</p>
	</li>
    <li>
		<i class="fa fa-compass"></i>
		<!-- <img src="img/d_2.png"> -->
		<p>发现</p>
	</li>
	<li onclick="location.href='orderList.html'">
		<i class="fa fa-file-text-o"></i>
		<!-- <img src="img/d_3.png"> -->
		<p>订单</p>
	</li>
		<!-- <i class="fa fa-user-o"></i> -->
		<li onclick="location.href='login.html'">
		<img src="img/d_4.png">
		<p>我的</p>
	</li>
</ul>
 </div>
	</body>
	</html>